Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI shell customization #2445

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

bryancunningham-okta
Copy link
Contributor

REPLACE_WITH_JIRA_TICKET_NUMBER

Summary

  • Adds ability to users to pass in custom color for side nav background

Testing & Screenshots

  • I have confirmed this change with my designer and the Odyssey Design Team.

@bryancunningham-okta bryancunningham-okta requested a review from a team as a code owner December 18, 2024 19:26
contrastMode={appBackgroundContrastMode}
sideNavBackgroundColor={
componentProps?.sideNavProps?.mainBackgroundColor ||
odysseyDesignTokens.HueNeutralWhite
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

opinion: should SideNav handle the fallback/default color internally rather than UiShell passing it?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No strong feelings on that one. I can move the default to the provider

@bryancunningham-okta bryancunningham-okta force-pushed the DES-6894-ui-shell-customization branch from efcf358 to 7e477fb Compare December 19, 2024 20:33
benschell-okta
benschell-okta previously approved these changes Dec 20, 2024
Copy link
Contributor

@benschell-okta benschell-okta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for doing this!

@@ -153,7 +155,7 @@ export type UiShellContentProps = {
* If an error occurs, this will revert to only showing the app.
*/
const UiShellContent = ({
appBackgroundContrastMode = "lowContrast",
// appBackgroundContrastMode = "lowContrast",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: probably just want to remove this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants